<template>
    <ul class="wioc-list-tags">
        <li :key="'t'+index" v-for="(item,index) in taglist" @click="select(item)">
            {{item.name}}
        </li>
    </ul>
</template>

<script>
    export default {
        name:"wioc-list-tags",
        components:{

        },
        data(){
            return{
            }
        },
        props:{
            taglist:Array,
        },
		methods:{
			select(item,index){
			    this.$emit('select',item)
			}
			
		}
    }

</script>

<style lang="less" scoped>
.wioc-list-tags{
	display: flex;
	justify-content: flex-start;
	flex-wrap:wrap;
	li{
		font-family:PingFangSC-Regular;
		font-size: 0.11rem;
		line-height: 0.28rem;
		color:#4ba0f3;
		background-color: #edf5fd;
		border-radius: 0.2rem;
		padding: 0 0.2rem;
		margin: 0 0.06rem 0.1rem 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		cursor: pointer;

	}
}

</style>
